import React from "react";
import {connect} from "dva";
import {routerRedux} from "dva/router";
import {Button, Icon, List} from "antd-mobile";


const Item = List.Item;
const Brief = Item.Brief;
class paymenthistory extends React.Component{
  constructor(){
    super();
    this.state={
    }
  }


  render(){
    return(
      <div>
        <List>
          <div style={{display:'inline-block',verticalAlign:'middle'}}>
            <Item multipleLine onClick={() => {}}>
              2017年 <Brief style={{fontSize:'0.256rem'}}>交费至2017年11月&nbsp;&nbsp;&nbsp;&nbsp;已交党费共计&nbsp;123.5元</Brief>
            </Item>
          </div>
          <div style={{display:'inline-block',verticalAlign:'middle',marginLeft:'5%'}}><Icon type={require('../../../../svgs/work/rili.svg')}/></div>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年11月 <Brief>正常交纳</Brief>
          </Item>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年10月 <Brief>正常交纳</Brief>
          </Item>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年9月 <Brief>正常交纳</Brief>
          </Item>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年8月 <Brief>正常交纳</Brief>
          </Item>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年7月 <Brief>正常交纳</Brief>
          </Item>
        </List>
        <List>
          <Item extra={<span style={{color:'#333333'}}>￥40.5</span>} multipleLine onClick={() => {}}>
            2017年6月 <Brief>正常交纳</Brief>
          </Item>
        </List>
      </div>
    )
  }
}
function mapStateToProps({work}){
  return {work};
}
export default connect(mapStateToProps)(paymenthistory);
